.treeview-menu > li {
    padding: 10px 50px;
  }

  .treeview-menu>li>a>.idcops {
    width: 20px;
  }

  .logo-lg > img {
    width: 75%;
  }

  .logo-mini > img {
    width: 55%;
  }
  .skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background: #2a3761;
  }

  .skin-blue .main-header .logo, .skin-blue .main-header .logo:hover {
    background: #2b3a63;
  }

  .skin-blue .sidebar-menu>li>a {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .skin-blue .sidebar a {
    color: #a0a0a0;
  }

  .skin-blue .sidebar a:hover {
    color: #ffffff;
  }

  .skin-blue .sidebar-menu>li:hover>a{
    background: transparent;
    color: #fff;
  }

  .skin-blue .sidebar-menu>li>.treeview-menu {
    margin: 0;
    padding-left: 0;
    background: #212442;
  }

  .skin-blue .sidebar-menu .treeview-menu>li>a {
    color: #288d91;
  }

  .skin-blue .sidebar-menu .treeview-menu>li>a:hover {
    color: #2fbdc3;
  }

  .skin-blue .sidebar-menu>li.menu-open>a {
    background: #233156;
    color: #2fbdc3;
  }

  .skin-blue .sidebar-menu .treeview-menu>li.active {
    background: #0f0e29;
  }

  .skin-blue .sidebar-menu .treeview-menu>li.active>a {
    color: #36d0ff;
  }

  .skin-blue .main-header .navbar .sidebar-toggle {
    color: #a8acb9;
  }

  .skin-blue .main-header .navbar .sidebar-toggle:hover, .skin-blue .main-header .navbar .nav>li>a:hover {
    background: #12294e;
    color: #f8faff;
  }

  .skin-blue .main-header .navbar {
    background: #121f42;
    border-bottom: 1px solid #193a70;
  }

  .dropdown-toggle .fa-bell {
    color: #95b6fd;
  }

  .red-dot {
    position: absolute;
    right: 13px;
    top: 15px;
    width: 7px;
    height: 7px;
    background: #c33939;
    border-radius: 5px;
  }

  .breadcrumb>li, .content-header>.breadcrumb>li>a, .breadcrumb>li+li:before, .breadcrumb .active{
      color: #01f5ff;
  }

  .content-header>.breadcrumb>li+li:before {
    content: '-';
  }

  .content-header>h1 {
    display: inline-block;
    padding: 5px 15px;
    border-left: 3px solid #02a5f7;
    background: linear-gradient(to right, #1a335b, transparent);
    color: #feffff;
  }

  .content-header>h1>small {
    color: #c9caca;
  }

  .content-wrapper {
    background-color: #0e0e28;
  }

  /* list 页面 */
  .box, .box-footer {
    border: none;
    background-color: #191a36;
    padding-bottom: 0;
  }

  .box-header, .box-footer {
    padding: 20px;
  }

  .box-body {
    padding: 0 20px;
    color: #ccc;
  }

  .box tr {
    height: 40px;
    line-height: 40px;
  }

  .table>thead>tr, .table>thead:first-child>tr:first-child>th>a, 
  .table>thead:first-child>tr:first-child>th>a:hover, 
  .table>thead:first-child>tr:first-child>th>a:active, 
  .table>thead:first-child>tr:first-child>th>a:focus {
    background-color: #272a49;
    color: #a9e1fc !important;
  }

  .table>tbody>tr>td, .table>thead>tr>th {
    line-height: 40px;
    border: none;
  }
  .table-hover>tbody>tr:hover, .table>tbody>tr.success>td, .table-hover>tbody>tr.success:hover>td {
    background: #132947;
  }
  .table>tbody>tr>td {
    color: #4597be;
    border-bottom: 1px solid #273349;
  }

  td a, td .text-info, td a .text-gray {
    color: #4597be !important;
  }

  input, .form-control {
    border: none;
    outline: none;
    background-color: #1c1d3c;
    border-radius: 0;
    border: 1px solid #31355b;
    color: #53707b;
  }

  .select2-container .select2-selection--single .select2-selection__rendered, .form-horizontal .form-group {
    color: #53707b;
  }

  input[type=checkbox]{
    cursor: pointer;
    position: relative;
    width: 15px;
    height: 15px;
    font-size: 14px;
}

input[type=checkbox]::after{
    position: absolute;
    top: 0;
    background-color: #191a36;
    color: #191a36;
    width: 15px;
    height: 15px;
    display: inline-block;
    visibility: visible;
    padding-left: 0px;
    text-align: center;
    content: ' ';
    border: 1px solid #3d4e74;
}
       
input[type=checkbox]:checked::after{
    content: "✓";
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    background: #3f7acb;
}

.btn-default, .btn-primary, .btn-default:active:hover, .btn-default:hover,
.btn-default.disabled:hover, .btn-default[disabled]:hover {
  background-color: #1d78f4;
  color: #fff;
  border: none;
}

.label-default.margin-r-5 {
  background-color: #1d2d37;
  color: #08adbb;
  border: 2px solid #1d5764;
  border-radius: 5px;
}

.label-default {
  background-color: #282933;
  color: #b94447;
  border: 2px solid #7b3f3f;
  border-radius: 5px;
}

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, 
.pagination>.disabled>span:focus, .pagination>.disabled>span:hover, .pagination>li>a, .pagination>li>a:focus, 
.pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, .pagination .btn-default, 
.open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover, .btn-default.active, .btn-default:active, 
.open>.dropdown-toggle.btn-default, .open>.dropdown-menu, .dropdown-menu>li>a {
  background-color: #3f7acb;
  color: #fff;
  border-color: #132947;
}

.dropdown-menu>li>a:hover  {
  background-color: #3f7acb;
  /* background-color: #132947; */
  color: #fff;
}

.btn-group>.btn:first-child {
  margin-top: 1px;
}

.box-header, .box-footer {
  margin-bottom: 20px;
}

.box-header .box-title {
  color: #a9e1fc;
}

.form-horizontal .control-label {
  color: #4597be;
}

.box-header.with-border {
  border-bottom: 1px solid #273349;
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single, .select2-selection 
.select2-selection--single{
  outline: none;
  background-color: #1c1d3c;
  border-radius: 0;
  border: 1px solid #31355b;
}

.select2-container--default .select2-results__option[aria-selected=true], 
.select2-container--default .select2-results__option[aria-selected=true]:hover,
.select2-search--dropdown, .select2-results__option  {
  background-color: #3c8dbc;
  color: white;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default {
  color: #fff
}

.navbar-nav>.user-menu>.dropdown-menu>.user-body,
.navbar-nav>.user-menu>.dropdown-menu>.user-footer {
  background-color: #0e0e28;
  border: none;
  border-radius: 0;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-body {
  display:none;
}

.nav-tabs-custom>.tab-content,
.nav-tabs-custom>.nav-tabs {
  background-color: #191a36;
}

.nav-tabs-custom>.nav-tabs>li.active>a, .nav-tabs-custom>.nav-tabs>li.active:hover>a {
  background-color: #272a49;
}

.nav-tabs {
  border: none;
}

.table>thead>tr.active>th {
  background-color: #3c8dbc;
}

.modal-header, .text-green {
  background-color: #272a49;
  color: #8ab5d2 !important;
  border: none;
}

.close, .close:focus, .close:hover {
  text-shadow: none;
  color: #40f7ff;
  opacity: 1;
}

.modal-content {
  background-color: #191a36;
}

.table-bordered>tbody>tr>th, .table-bordered {
  border: none;
  color: #aee1f0;
}

.modal-footer {
  border-top-color: #273348;
}

form .btn {
  margin-bottom: 20px;
}